/**
 * Created by 30947 on 2018/7/18.
 */
$(function () {

    char1();
    char2();
    char3();
    char4();
	char5();
	char6();
	char7();
	char8();

})

//统计分析图
function char1() {
    var myChart = echarts.init($("#char1")[0]);
    var option = {
        color: [
            "#60cda0",
            "#ed8884",
            "#ff9f7f",
            "#0096ff",
            "#9fe6b8",
            "#32c5e9",
            "#1d9dff",
        ],
        tooltip: {
            trigger: "item",
            formatter: "{a} <br/>{b} : {c} ({d}%)",
        },
        legend: {
            bottom: "0%",
            itemWidth: 10,
            itemHeight: 10,
            // 文字颜色
            textStyle: {
                color: "rgba(255, 255, 255, .5)",
                fontSize: "10",
            },
        },
        series: [{
            name: "面积占比",
            type: "pie",
            // 设置大小
            radius: ["20%", "70%"],
            // 设置图形位置
            center: ["50%", "50%"],
            roseType: "radius",
            // 图形文字
            label: {
                fontSize: 12,
            },
            // 链接图形和文字的线条
            labelLine: {
                // length 链接图形的线条
                length: 6,
                // length2链接文字的线条
                length2: 8,
            },
            data: [
                { value: 16800290, name: "1号线" },
                { value: 9342021, name: "2号线" },
                { value: 3167109, name: "4号线" },
            ],
        },],
    };
    myChart.setOption(option);
    // 监听浏览器缩放，图表对象调用缩放resize函数
    window.addEventListener("resize", function () {
        myChart.resize();
    })
}

function char2() {
    var myColor = ["#1089E7", "#F57474", "#56D0E3", "#F8B448", "#8B78F6", "#056aab", "#0686ad","#0796bd","#0896ce"];
    var myChart = echarts.init($("#char2")[0]);
    var option = {
        grid: {
            left: "20%",
            top: "1%",
            bottom: "1%",
			right:"17%",
            // containLabel: true,
        },
        xAxis: {
            // x轴不显示
            show: false,
        },
        yAxis: [{
            type: "category",
            // 反向坐标显示
            inverse: true,
            data: [
                "火车东站",
                "龙翔桥",
                "江陵路",
                "城站",
                "凤起路",
                "武林广场",
                "客运中心",
				"西湖文化广场",
				"定安路",
				"临平",
				"其他"
            ],
            // 不显示y轴线条
            axisLine: {
                show: false,
            },
            // 不显示刻度
            axisTick: {
                show: false,
            },
            // 设置刻度标签的文字颜色
            axisLabel: {
                color: "#fff",
            },
        },
        {
            type: "category",
            // 反向坐标显示
            inverse: true,
            data: [2337627, 1293521, 824432, 788045, 719377, 679938, 650297, 617023,616820, 576999,20205341 ],
            // 不显示y轴线条
            axisLine: {
                show: false,
            },
            // 不显示刻度
            axisTick: {
                show: false,
            },
            // 设置刻度标签的文字颜色
            axisLabel: {
                color: "#fff",
            },
        },
        ],
        series: [{
            name: "条",
            type: "bar",
            data: [8.0,4.4,2.8,2.7,2.5,2.3,2.2,2.1,2.1, 2.0,68.9],//占比-%
            yAxisIndex: 0,
            // 修改柱子的距离
            barCategoryGap: 10,
            // 柱子的宽度
            barWidth: 10,
            // 修改第一柱子的圆角
            itemStyle: {
                barBorderRadius: 20,
                // 此时的color，可以修改柱子的颜色
                color: function (params) {
                    return myColor[params.dataIndex];//dataindax:柱子索引号
                },
            },
            // 显示柱子内部的文字
            label: {
                normal: {
                    show: true,
                    // 图形内显示
                    position: "right",
                    formatter: "{c}%",//数据值-%
                },
            },
        },
        {
            name: "框",
            // 柱子的距离
            barCategoryGap: 50,
            // 柱子的宽度
            barWidth: 15,
            type: "bar",
            data: [100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100],//第二个框占比百分之百
            yAxisIndex: 1,
            itemStyle: {
                color: "none",
                // 边框颜色
                borderColor: "#00c1de",
                // 边框颜色
                borderWidth: 3,
                // 圆角
                barBorderRadius: 15,
            },
        },
        ],
    };
    // 把配置给实列对象
    myChart.setOption(option);
    // 让图表跟随屏幕自动的去适应
    window.addEventListener("resize", function () {
        myChart.resize();
    })

}
function char3() {
    var myChart = echarts.init($("#char3")[0]);
    var option = {
        tooltip: {
            trigger: "axis",
        },
        legend: {
            top: "0%",
            textStyle: {
                color: "rgba(255, 255, 255, .5)",
                fontSize: "12",
            },
        },
        grid: {
            left: "10",
            right: "10",
            top: "30",
            bottom: "10",
            containLabel: true,
        },
        xAxis: [{
            type: "category",
            boundaryGap: false,
            data: [
                "0",
                "1",
                "2",
                "3",
                "4",
                "5",
                "6",
				"7",
				"8",
				"9",
				"10",
				"11",
				"12",
				"13",
				"14",
				"15",
				"16",
				"17",
				"18",
				"19",
				"20",
				"21",
				"22",
				"23",
				"24",
            ],
            axisLabel: {
                textStyle: {
                    color: "rgba(255, 255, 255, .6)",
                    fontSize: 12,
                },
                axisLine: {
                    lineStyle: {
                        color: "rgba(255, 255, 255, .2)",
                    },
                },
            },
        },],
        yAxis: [{
            type: "value",
            // 去除刻度线
            axisTick: {
                show: false,
            },
            // y轴的线颜色
            axisLine: {
                lineStyle: {
                    color: "rgba(255, 255, 255, .1)",
                },
            },
            // 文字的颜色
            axisLabel: {
                textStyle: {
                    color: "rgba(255, 255, 255, .6)",
                    fontSize: 12,
                },
            },
            // 修改分割线的颜色
            splitLine: {
                lineStyle: {
                    lineStyle: {
                        color: "rgba(255, 255, 255, .1)",
                    },
                },
            },
        },],
        series: [{
            name: "1号线",
            type: "line",
            smooth: true,
            // 单独修改当前线条的样式
            lineStyle: {
                color: "#0184d5",
                width: 2,
            },
            areaStyle: {
                // 渐变色，只需要复制即可
                color: new echarts.graphic.LinearGradient(
                    0,
                    0,
                    0,
                    1, [{
                        offset: 0,
                        color: "rgba(1, 132, 213, 0.4)", // 渐变色的起始颜色
                    },
                    {
                        offset: 0.8,
                        color: "rgba(1, 132, 213, 0.1)", // 渐变线的结束颜色
                    },
                ],
                    false
                ),
                // 影子效果
                shadowColor: "rgba(0, 0, 0, 0.1)",
            },
            // 设置拐点形状
            symbol: "circle",
            // 拐点大小
            symbolSize: 8,
            // 刚开始时不显示拐点，鼠标经过才显示
            showSymbol: false,
            // 设置拐点颜色以及边框
            itemStyle: {
                color: "#0184d5",
                borderColor: "rgba(221, 220, 107, .1)",
                borderWidth: 12,
            },
            data: [
				1,
				 1216,
				 555,
				 205,
				 216,
				 687,
				 34831,
				 350603,
				 1314923,
				 1776196,
				 983420,
				 815904,
				 811711,
				 905306,
				 919364,
				 924930,
				 1028641,
				 1119993,
				 1579340,
				 1341074,
				 923107,
				 853908,
				 681800,
				 402579,
				 29780
            ],
        },
        {
            name: "2号线",
            type: "line",
            smooth: true,
            lineStyle: {
                normal: {
                    color: "#00d887",
                    width: 2,
                },
            },
            areaStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(
                        0,
                        0,
                        0,
                        1, [{
                            offset: 0,
                            color: "rgba(0, 216, 135, 0.4)",
                        },
                        {
                            offset: 0.8,
                            color: "rgba(0, 216, 135, 0.1)",
                        },
                    ],
                        false
                    ),
                    shadowColor: "rgba(0, 0, 0, 0.1)",
                },
            },
            // 设置拐点 小圆点
            symbol: "circle",
            // 拐点大小
            symbolSize: 5,
            // 设置拐点颜色以及边框
            itemStyle: {
                color: "#00d887",
                borderColor: "rgba(221, 220, 107, .1)",
                borderWidth: 12,
            },
            // 开始不显示拐点， 鼠标经过显示
            showSymbol: false,
            data: [
				0,
				 1136,
				 776,
				 454,
				 129,
				 919,
				 14646,
				 197220,
				 914150,
				 1247911,
				 577706,
				 420175,
				 407055,
				 460809,
				 456501,
				 448521,
				 474318,
				 549714,
				 961735,
				 789124,
				 455745,
				 432847,
				 338019,
				 174397,
				 18014
            ],
        },
		{
            name: "4号线",
            type: "line",
            smooth: true,
            lineStyle: {
                normal: {
                    color: "#ff9f7f",
                    width: 2,
                },
            },
            areaStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(
                        0,
                        0,
                        0,
                        1, [{
                            offset: 0,
                            color: "rgba(255,159,127,0.4)",
                        },
                        {
                            offset: 0.8,
                            color: "rgba(255,159,127,0.1)",
                        },
                    ],
                        false
                    ),
                    shadowColor: "rgba(0, 0, 0, 0.1)",
                },
            },
            // 设置拐点 小圆点
            symbol: "circle",
            // 拐点大小
            symbolSize: 5,
            // 设置拐点颜色以及边框
            itemStyle: {
                color: "#ff9f7f",
                borderColor: "rgba(221, 220, 107, .1)",
                borderWidth: 12,
            },
            // 开始不显示拐点， 鼠标经过显示
            showSymbol: false,
            data: [
                0,
				464,
				 213,
				 92,
				 59,
				 196,
				 4012,
				 51091,
				 204981,
				 313451,
				 148065,
				 116771,
				 122593,
				 142485,
				 145893,
				 148467,
				 164187,
				 198282,
				 430350,
				 357528,
				 193962,
				 188477,
				 151676,
				 79649,
				 4165
            ],
        },
        
        ],
    };
    myChart.setOption(option);
    // 让图表跟随屏幕自动的去适应
    window.addEventListener("resize", function () {
        myChart.resize();
    })

}
function char4() {
    var myChart = echarts.init($("#char4")[0]);
    var option = {
        color: ["#2f89cf"],
        tooltip: {
            trigger: "axis",
            axisPointer: {
                // 坐标轴指示器，坐标轴触发有效
                type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
            },
        },
		legend: {
            top: "0%",
            textStyle: {
                color: "rgba(255, 255, 255, .5)",
                fontSize: "12",
            },
        },
        // 修改图标的大小
        grid: {
            left: "0%",
            top: "30px",
            right: "0%",
            bottom: "4%",
            containLabel: true,
        },
        xAxis: [{
            type: "category",
            data: [
                "一",
                "二",
                "三",
                "四",
                "五",
                "六",
                "日",
            ],
            axisTick: {
                alignWithLabel: true,
            },
            // 修改刻度标签相关样式
            axisLabel: {
                color: "rgba(255, 255, 255, .6)",
                fontSize: "12",
                interval: 0, //控制是否全部显示
            },
            // 不显示x轴的样式
            axisLine: {
                show: false,
            },
        }, ],
        yAxis: [{
            type: "value",
            // 修改刻度标签相关样式
            axisLabel: {
                color: "rgba(255, 255, 255, .6)",
                fontSize: "12",
            },
            // y轴坐标系
            axisLine: {
                lineStyle: {
                    color: "rgba(255, 255, 255, .1)",
                    width: 2,
                },
            },
            // y轴分割线的颜色
            splitLine: {
                lineStyle: {
                    color: "rgba(255, 255, 255, .1)",
                },
            },
        }, ],
        series: [
		{
            name: "1号线",
            type: "bar",
            // 修改柱子的宽度
            barWidth: "20%",
            data: [1866759,1986824,2829736,2692173,2682108,2855488,1887202],
            itemStyle: {
                // 修改柱子的圆角
				color:"#0184d5",
                barBorderRadius: 5,
            },
        },
		{
            name: "2号线",
            type: "bar",
            // 修改柱子的宽度
            barWidth: "20%",
            data: [902569,1173972,1483697,1564523,1577735,1656769,982756],
            itemStyle: {
                // 修改柱子的圆角
				color:"#00d887",
                barBorderRadius: 5,
            },
        },
				{
            name: "4号线",
            type: "bar",
            // 修改柱子的宽度
            barWidth: "20%",
            data: [292536,398267,500431,540829,540343,569485,325218],
            itemStyle: {
                // 修改柱子的圆角
				color:"#ff9f7f",
                barBorderRadius: 5,
            },
        },
		],
    };
    // 把配置项给实列对象
    myChart.setOption(option);
    // 让图表跟随屏幕自动的去适应
    window.addEventListener("resize", function() {
        myChart.resize(); })

}



//统计分析图
function char5() {
    var myChart = echarts.init($("#char5")[0]);
    var option = {
        color: [
            "#60cda0",
            "#ed8884",
            "#ff9f7f",
            "#0096ff",
            "#9fe6b8",
            "#32c5e9",
            "#1d9dff",
        ],
        tooltip: {
            trigger: "item",
            formatter: "{a} <br/>{b} : {c} ({d}%)",
        },
        legend: {
            bottom: "0%",
            itemWidth: 10,
            itemHeight: 10,
            // 文字颜色
            textStyle: {
                color: "rgba(255, 255, 255, .5)",
                fontSize: "10",
            },
        },
        series: [{
            name: "面积占比",
            type: "pie",
            // 设置大小
            radius: ["20%", "70%"],
            // 设置图形位置
            center: ["50%", "50%"],
            roseType: "radius",
            // 图形文字
            label: {
                fontSize: 12,
            },
            // 链接图形和文字的线条
            labelLine: {
                // length 链接图形的线条
                length: 6,
                // length2链接文字的线条
                length2: 8,
            },
            data: [
                { value: 16767197, name: "1号线" },
                { value: 9367358, name: "2号线" },
                { value: 3193262, name: "4号线" },
            ],
        },],
    };
    myChart.setOption(option);
    // 监听浏览器缩放，图表对象调用缩放resize函数
    window.addEventListener("resize", function () {
        myChart.resize();
    })
}

function char6() {
    var myColor = ["#1089E7", "#F57474", "#56D0E3", "#F8B448", "#8B78F6", "#056aab", "#0686ad","#0796bd","#0896ce"];
    var myChart = echarts.init($("#char6")[0]);
    var option = {
        grid: {
            left: "20%",
            top: "1%",
            bottom: "1%",
			right:"17%",
            // containLabel: true,
        },
        xAxis: {
            // x轴不显示
            show: false,
        },
        yAxis: [{
            type: "category",
            // 反向坐标显示
            inverse: true,
            data: [
                "火车东站",
                "龙翔桥",
                "城站",
                "江陵路",
                "凤起路",
                "武林广场",
                "西湖文化广场",
				"客运中心",
				"定安路",
				"金沙湖",
				"其他"
            ],
            // 不显示y轴线条
            axisLine: {
                show: false,
            },
            // 不显示刻度
            axisTick: {
                show: false,
            },
            // 设置刻度标签的文字颜色
            axisLabel: {
                color: "#fff",
            },
        },
        {
            type: "category",
            // 反向坐标显示
            inverse: true,
            data: [2361276, 1280088, 929280, 866930, 705892, 677604, 659095, 636473,605143, 559631,20046405  ],
            // 不显示y轴线条
            axisLine: {
                show: false,
            },
            // 不显示刻度
            axisTick: {
                show: false,
            },
            // 设置刻度标签的文字颜色
            axisLabel: {
                color: "#fff",
            },
        },
        ],
        series: [{
            name: "条",
            type: "bar",
            data: [8.1,4.4,3.2,3.0,2.4,2.3,2.2,2.2, 2.1, 2.0,68.2],//占比-%
            yAxisIndex: 0,
            // 修改柱子的距离
            barCategoryGap: 10,
            // 柱子的宽度
            barWidth: 10,
            // 修改第一柱子的圆角
            itemStyle: {
                barBorderRadius: 20,
                // 此时的color，可以修改柱子的颜色
                color: function (params) {
                    return myColor[params.dataIndex];//dataindax:柱子索引号
                },
            },
            // 显示柱子内部的文字
            label: {
                normal: {
                    show: true,
                    // 图形内显示
                    position: "right",
                    formatter: "{c}%",//数据值-%
                },
            },
        },
        {
            name: "框",
            // 柱子的距离
            barCategoryGap: 50,
            // 柱子的宽度
            barWidth: 15,
            type: "bar",
            data: [100, 100, 100, 100, 100, 100, 100, 100, 100, 100, 100],//第二个框占比百分之百
            yAxisIndex: 1,
            itemStyle: {
                color: "none",
                // 边框颜色
                borderColor: "#00c1de",
                // 边框颜色
                borderWidth: 3,
                // 圆角
                barBorderRadius: 15,
            },
        },
        ],
    };
    // 把配置给实列对象
    myChart.setOption(option);
    // 让图表跟随屏幕自动的去适应
    window.addEventListener("resize", function () {
        myChart.resize();
    })

}
function char7() {
    var myChart = echarts.init($("#char7")[0]);
    var option = {
        tooltip: {
            trigger: "axis",
        },
        legend: {
            top: "0%",
            textStyle: {
                color: "rgba(255, 255, 255, .5)",
                fontSize: "12",
            },
        },
        grid: {
            left: "10",
            right: "10",
            top: "30",
            bottom: "10",
            containLabel: true,
        },
        xAxis: [{
            type: "category",
            boundaryGap: false,
            data: [
                "0",
                "1",
                "2",
                "3",
                "4",
                "5",
                "6",
				"7",
				"8",
				"9",
				"10",
				"11",
				"12",
				"13",
				"14",
				"15",
				"16",
				"17",
				"18",
				"19",
				"20",
				"21",
				"22",
				"23",
				"24",
            ],
            axisLabel: {
                textStyle: {
                    color: "rgba(255, 255, 255, .6)",
                    fontSize: 12,
                },
                axisLine: {
                    lineStyle: {
                        color: "rgba(255, 255, 255, .2)",
                    },
                },
            },
        },],
        yAxis: [{
            type: "value",
            // 去除刻度线
            axisTick: {
                show: false,
            },
            // y轴的线颜色
            axisLine: {
                lineStyle: {
                    color: "rgba(255, 255, 255, .1)",
                },
            },
            // 文字的颜色
            axisLabel: {
                textStyle: {
                    color: "rgba(255, 255, 255, .6)",
                    fontSize: 12,
                },
            },
            // 修改分割线的颜色
            splitLine: {
                lineStyle: {
                    lineStyle: {
                        color: "rgba(255, 255, 255, .1)",
                    },
                },
            },
        },],
        series: [{
            name: "1号线",
            type: "line",
            smooth: true,
            // 单独修改当前线条的样式
            lineStyle: {
                color: "#0184d5",
                width: 2,
            },
            areaStyle: {
                // 渐变色，只需要复制即可
                color: new echarts.graphic.LinearGradient(
                    0,
                    0,
                    0,
                    1, [{
                        offset: 0,
                        color: "rgba(1, 132, 213, 0.4)", // 渐变色的起始颜色
                    },
                    {
                        offset: 0.8,
                        color: "rgba(1, 132, 213, 0.1)", // 渐变线的结束颜色
                    },
                ],
                    false
                ),
                // 影子效果
                shadowColor: "rgba(0, 0, 0, 0.1)",
            },
            // 设置拐点形状
            symbol: "circle",
            // 拐点大小
            symbolSize: 8,
            // 刚开始时不显示拐点，鼠标经过才显示
            showSymbol: false,
            // 设置拐点颜色以及边框
            itemStyle: {
                color: "#0184d5",
                borderColor: "rgba(221, 220, 107, .1)",
                borderWidth: 12,
            },
            data: [
				3,
				 1597,
				 552,
				 302,
				 304,
				 701,
				 1185,
				 167683,
				 762445,
				 1870550,
				 1190563,
				 859377,
				 836968,
				 891836,
				 938017,
				 936303,
				 975471,
				 1055120,
				 1387507,
				 1653599,
				 1060968,
				 819814,
				 724009,
				 499133,
				 133190
            ],
        },
        {
            name: "2号线",
            type: "line",
            smooth: true,
            lineStyle: {
                normal: {
                    color: "#00d887",
                    width: 2,
                },
            },
            areaStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(
                        0,
                        0,
                        0,
                        1, [{
                            offset: 0,
                            color: "rgba(0, 216, 135, 0.4)",
                        },
                        {
                            offset: 0.8,
                            color: "rgba(0, 216, 135, 0.1)",
                        },
                    ],
                        false
                    ),
                    shadowColor: "rgba(0, 0, 0, 0.1)",
                },
            },
            // 设置拐点 小圆点
            symbol: "circle",
            // 拐点大小
            symbolSize: 5,
            // 设置拐点颜色以及边框
            itemStyle: {
                color: "#00d887",
                borderColor: "rgba(221, 220, 107, .1)",
                borderWidth: 12,
            },
            // 开始不显示拐点， 鼠标经过显示
            showSymbol: false,
            data: [
				2,
				 1656,
				 651,
				 736,
				 343,
				 880,
				 767,
				 64571,
				 431025,
				 1234344,
				 672139,
				 408044,
				 372619,
				 398067,
				 437384,
				 431707,
				 462199,
				 527106,
				 840653,
				 1002295,
				 629877,
				 531816,
				 492782,
				 327515,
				 98180
            ],
        },
		{
            name: "4号线",
            type: "line",
            smooth: true,
            lineStyle: {
                normal: {
                    color: "#ff9f7f",
                    width: 2,
                },
            },
            areaStyle: {
                normal: {
                    color: new echarts.graphic.LinearGradient(
                        0,
                        0,
                        0,
                        1, [{
                            offset: 0,
                            color: "rgba(255,159,127,0.4)",
                        },
                        {
                            offset: 0.8,
                            color: "rgba(255,159,127,0.1)",
                        },
                    ],
                        false
                    ),
                    shadowColor: "rgba(0, 0, 0, 0.1)",
                },
            },
            // 设置拐点 小圆点
            symbol: "circle",
            // 拐点大小
            symbolSize: 5,
            // 设置拐点颜色以及边框
            itemStyle: {
                color: "#ff9f7f",
                borderColor: "rgba(221, 220, 107, .1)",
                borderWidth: 12,
            },
            // 开始不显示拐点， 鼠标经过显示
            showSymbol: false,
            data: [
                0,
				324,
				 211,
				 209,
				 111,
				 187,
				 353,
				 18667,
				 129761,
				 626406,
				 293266,
				 150667,
				 132788,
				 139348,
				 155149,
				 147424,
				 148023,
				 166503,
				 253250,
				 287770,
				 169422,
				 141767,
				 129060,
				 84384,
				 18212
            ],
        },
        
        ],
    };
    myChart.setOption(option);
    // 让图表跟随屏幕自动的去适应
    window.addEventListener("resize", function () {
        myChart.resize();
    })

}
function char8() {
    var myChart = echarts.init($("#char8")[0]);
    var option = {
        color: ["#2f89cf"],
        tooltip: {
            trigger: "axis",
            axisPointer: {
                // 坐标轴指示器，坐标轴触发有效
                type: "shadow", // 默认为直线，可选为：'line' | 'shadow'
            },
        },
		legend: {
            top: "0%",
            textStyle: {
                color: "rgba(255, 255, 255, .5)",
                fontSize: "12",
            },
        },
        // 修改图标的大小
        grid: {
            left: "0%",
            top: "30px",
            right: "0%",
            bottom: "4%",
            containLabel: true,
        },
        xAxis: [{
            type: "category",
            data: [
                "一",
                "二",
                "三",
                "四",
                "五",
                "六",
                "日",
            ],
            axisTick: {
                alignWithLabel: true,
            },
            // 修改刻度标签相关样式
            axisLabel: {
                color: "rgba(255, 255, 255, .6)",
                fontSize: "12",
                interval: 0, //控制是否全部显示
            },
            // 不显示x轴的样式
            axisLine: {
                show: false,
            },
        }, ],
        yAxis: [{
            type: "value",
            // 修改刻度标签相关样式
            axisLabel: {
                color: "rgba(255, 255, 255, .6)",
                fontSize: "12",
            },
            // y轴坐标系
            axisLine: {
                lineStyle: {
                    color: "rgba(255, 255, 255, .1)",
                    width: 2,
                },
            },
            // y轴分割线的颜色
            splitLine: {
                lineStyle: {
                    color: "rgba(255, 255, 255, .1)",
                },
            },
        }, ],
        series: [
		{
            name: "1号线",
            type: "bar",
            // 修改柱子的宽度
            barWidth: "20%",
            data: [1841395,
				1989515,
				2798307,
				2688320,
				2685101,
				2871846,
				1892713],
            itemStyle: {
                // 修改柱子的圆角
				color:"#0184d5",
                barBorderRadius: 5,
            },
        },
		{
            name: "2号线",
            type: "bar",
            // 修改柱子的宽度
            barWidth: "20%",
            data: [923256,
				1171593,
				1498836,
				1566331,
				1575265,
				1644527,
				987550],
            itemStyle: {
                // 修改柱子的圆角
				color:"#00d887",
                barBorderRadius: 5,
            },
        },
				{
            name: "4号线",
            type: "bar",
            // 修改柱子的宽度
            barWidth: "20%",
            data: [298973,
				400389,
				515972,
				546770,
				542593,
				568172,
				320393],
            itemStyle: {
                // 修改柱子的圆角
				color:"#ff9f7f",
                barBorderRadius: 5,
            },
        },
		],
    };
    // 把配置项给实列对象
    myChart.setOption(option);
    // 让图表跟随屏幕自动的去适应
    window.addEventListener("resize", function() {
        myChart.resize(); })

}